<template>
  <div>
    <div v-html="celebrationText"></div>
  </div>
</template>

<script setup>
import { ref } from 'vue';
const celebrationText = ref(`
  <h2>妇女节庆祝活动介绍</h2>
  <p>在这个特别的日子里，我们热烈庆祝 <strong>国际妇女节</strong>！</p>
  <p>为了让每一位女性都能感受到节日的欢乐，我们准备了一系列精彩的活动：</p>
  <ul>
    <li><em>主题讲座</em>：邀请专家分享女性成长和职业发展的经验。</li>
    <li><em>手工制作</em>：让您发挥创意，制作属于自己的精美手工艺品。</li>
    <li><em>健康体检</em>：为女性朋友们提供全面的健康检查服务。</li>
  </ul>
  <p>欢迎所有女性朋友踊跃参加，共同度过一个难忘的妇女节！</p>
`);
</script>

<style scoped>
div {
  font-family: Arial, sans-serif;
  margin: 20px;
}

h2 {
  color: #ff69b4;
}

ul {
  list-style-type: disc;
  padding-left: 20px;
}
</style>